<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:s="http://jboss.com/products/seam/taglib"
	xmlns:a="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:c="http://java.sun.com/jstl/core"
	template="/templates/customers.xhtml">

	<ui:define name="customerContent">
		<f:view>
		<h:form id="busquedaRestaurante">
			<center>
				<rich:panel styleClass="bloquecentral">
					<div align="center">
						<rich:tabPanel width="800px;" switchType="client">
							<rich:tab label="Mis Reservas">
						 		<center>
									<rich:dataTable
										value="#{myBookings}" var="myBooking">
										<f:facet name="header"><h:outputText value="Mis Reservas" /></f:facet>
										<rich:column>
											<f:facet name="header">Fecha</f:facet>
											<h:outputText value="#{myBooking.fecha}">
													<s:convertDateTime dateStyle="medium"></s:convertDateTime>
											</h:outputText>
										</rich:column>
										<rich:column>
											<f:facet name="header">Restaurante</f:facet>
												<h:outputText value="#{myBooking.restaurante.nombre}" />
										</rich:column>
										<rich:column>
											<f:facet name="header">Almuerzo / Cena</f:facet>
											<c:if test="#{myBooking.almuerzo}">
												<h:outputText value="Almuerzo" />
											</c:if>
											<c:if test="#{!(myBooking.almuerzo)}">
												<h:outputText value="Cena" />
											</c:if>
										</rich:column>
									</rich:dataTable>
								</center>
							</rich:tab>
							<rich:tab label="Nueva Reserva">
							<br />
							<br />
							<!-- <rich:tabPanel width="400px;" switchType="client">
								<rich:tab label="Busqueda Rapida">
								</rich:tab>
								<rich:tab label="Busqueda Avanzada">
								</rich:tab>
								
							</rich:tabPanel>
							 -->
							 	<center>
								 	<rich:panelBar width="400">
									 	<rich:panelBarItem label="Busqueda Rapida" headerStyle="height: 25px;">
									 	<br />
									 	
									 		<center>
										 		<h:panelGrid columns="2">
											 		<h:outputText value="Datos de la busqueda" />
											 		<h:inputText value="#{customer.parametroBusquedaRapida}" />
										 		</h:panelGrid>
										 		<br />
										 		<a:commandButton value="Buscar" action="#{customer.busquedaRapida}" reRender="listaRestaurantes"/>
										 	</center>
										 <br /><br /><br />	
									 	</rich:panelBarItem>
									 	<rich:panelBarItem label="Busqueda Avanzada" headerStyle="height: 25px;">
										 	<br/>
										 	<h:panelGrid columns="2">
										 		<h:outputText value="Nombre del Restaurante" />
										 		<h:inputText value="#{restauranteBusquedaAvanzada.nombre}" />
										 		<h:outputText value="Categoria del Restaurante" />
										 		<h:selectOneMenu value="#{restauranteBusquedaAvanzada.categoria}" id="regCategory" style=" width : 130px;" styleClass="inputText">
													<s:selectItems var="categoria" value="#{categorias}" label="#{categoria.nombre}" noSelectionLabel=""/>
													<s:convertEntity />
												</h:selectOneMenu>
										 		<h:outputText value="#{messages.province}"/>
												<h:selectOneMenu   styleClass="inputText"
													value="#{restauranteBusquedaAvanzada.municipio.provincia}" immediate="true" style=" width : 168px;">
													<s:selectItems value="#{provincias}" var="provinciaRestaurante"
														label="#{provinciaRestaurante.nombre}"
														noSelectionLabel="Seleccione provincia" />
													<s:convertEntity />
												</h:selectOneMenu>
												<h:outputText value="#{messages.email}" ></h:outputText>
										 		<h:inputText value="#{restauranteBusquedaAvanzada.email}" />
												
												<h:outputText value="#{messages.phone}" ></h:outputText>
										 		<h:inputText value="#{restauranteBusquedaAvanzada.telefono}" />
										 		
										 		<h:outputText value="Zona de fumadores" ></h:outputText>
										 		<h:selectBooleanCheckbox value="#{restauranteBusquedaAvanzada.permiteFumadores}" id="resSmoking" />
												
											 </h:panelGrid>
											 <a:commandButton value="Buscar" action="#{customer.busquedaAvanzada}" reRender="listaRestaurantes"/>
									 	<br/><br/>
									 	</rich:panelBarItem>
								 	
								 	</rich:panelBar>
								 	<br />
								 	<br />
								 	<br />
								 	<a:outputPanel id="listaRestaurantes">
									 	<rich:dataTable  value="#{resultadosBusqueda}" var="restauranteSeleccionadoCliente" >
										 	<f:facet name="header">Resultados de la busqueda</f:facet>
										 	<h:column>
										 		<f:facet name="header">Nombre</f:facet>
										 		<h:outputText value="#{restauranteSeleccionadoCliente.nombre}" />
										 	</h:column>
										 	<h:column>
										 		<f:facet name="header">Categoria</f:facet>
										 		<h:outputText value="#{restauranteSeleccionadoCliente.categoria.nombre}" />
										 	</h:column>
										 	<h:column>
										 		<f:facet name="header">Provincia</f:facet>
										 		<h:outputText value="#{restauranteSeleccionadoCliente.municipio.provincia.nombre}" />
										 	</h:column>
										 	<h:column>
										 		<f:facet name="header">Municipio</f:facet>
										 		<h:outputText value="#{restauranteSeleccionadoCliente.municipio.nombre}" />
										 	</h:column>
										 	<h:column>
										 		<f:facet name="header">Seleccionar</f:facet>
										 		<h:commandLink action="#{booking.seleccionaRestaurante(restauranteSeleccionadoCliente)}" value="Ver" onmousedown="document.forms['busquedaRestaurante'].target='_blank';"/>
										 	</h:column>
									 	</rich:dataTable>
									 </a:outputPanel>
								 </center>
							</rich:tab>
						</rich:tabPanel>
					</div>
					<rich:spacer height="200px;"/>
				</rich:panel>
			</center>
		</h:form>
		</f:view>
	</ui:define>
</ui:composition>